<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
<head>
	<title>QPORAMA Crear Cuenta</title>

	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<meta name="author" content="Runroom http://www.runroom.com" />
	<meta name="language" content="es" />
	<meta http-equiv="content-style-type" content="text/css" />
	<meta http-equiv="content-script-type" content="text/javascript" />
	<meta name="robots" content="index,follow" />

	<meta name="keywords" content=" " />
	<meta name="description" content=" " />

	<script type="text/javascript" src="js/jquery.tools.min.js"></script>
	<script type="text/javascript" src="js/s3Capcha.js"></script>

	<link rel="stylesheet" href="css/styles.css" />
	<link rel="stylesheet" href="css/custom.css" />
	
	<!-- conditional comment: CSS para Explorer 7 y menor //-->
		<!--[if lte IE 7]>
            <link rel="stylesheet" href="css/ie7menos.css" />
		<![endif]-->

	<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />

	<script type="text/javascript">
		// execute your scripts when the DOM is ready. this is a good habit
		$(document).ready(function() {

		// select all desired input fields and attach tooltips to them
		$(".form-tooltip [rel='tooltip']").tooltip({	
		
			onBeforeShow: function() {
				//console.log(this.getTip());
				if (this.getTip().html().indexOf('class="cierre"')<=-1) {
					this.getTip().append('<div class="cierre"/>');
				}
			},
			// place tooltip on the right edge
			position: "center right",
			// a little tweaking of the position
			// offset: [-2, 10],
			// use the built-in fadeIn/fadeOut effect
			effect: "toggle",
			// custom opacity setting
			opacity: 1.0		
		});
		$.tools.validator.localize("es",{
			'*' : 'Por favor corrige este valor',
			'[required]' : 'Por favor completa este campo obligatorio',
			':email' : 'Por favor introduce un email válido',
			':number' : 'Por favor introduce un valor numúrico',
			':url' : 'Por favor introduce una url válida',
			'[max]' : 'Por favor introduce un valor mayor a $1',
			'[min]' : 'Por favor introduce un valor menor a $1',
			'[data-equals]' : 'El valor no corresponde con el campo $1'			
		});
		$.tools.validator.fn("[data-equals]", function(input) {
			var name = input.attr("data-equals"),
		 	field = this.getInputs().filter("[name=" + name + "]"); 
			return input.val() == field.val() ? true : {
				es: "Los valores no son iguales",
				en: "The values are not equal"
			}; 
		});
		
		
		$(".form-validator").validator({			
			 message: '<div/>',
				
				lang: 'es',
				onSuccess:function(){
					ok=false;
					elems = document.getElementsByName('s3capcha');
					for(i=0;i<elems.length;i++){
						if(elems[i].checked){
							ok=true;
						}
					}
					 if(!ok){
					 	$('#error_capcha').fadeIn();
					 	return false;
					 }
				},
				onFail:function(){
					console.log($.tools.validator);
				setTimeout(function(){
					$(".error div.cierre").remove();
					if ($(".error").html().indexOf('class="cierre"')<=-1) {
						$('<div class="cierre"/>').insertAfter($('.error p'));
					}
				},2);
			}
		});
		
		$('#capcha').s3Capcha();
	});
	</script>
	
</head>

<body id="contentscroll">

<noscript>
	<div id="aviso_js">
		<p>Lo sentimos, pero esta web sólo funciona con Javascript activado.</p>
	</div>
</noscript>

<!-- conditional comment: aviso para Explorer 6 y menor //-->
	<!--[if lte IE 6]>
		<div id="aviso_ie">
			<p><strong>Hemos detectado que utilizas Internet Explorer 6</strong>, un navegador obsoleto, con problemas de seguridad y compatibilidad conocidos.</p>
			<p>Recomendamos que actualices tu navegador <a href="http://www.browserchoice.eu">en la web de browserchoice.org, haciendo clic aquí</a></p>
		</div>
	<![endif]-->

	<div class="fondo-pagina">
		<img src="images/hotel-central/ofertas/salud-belleza/oferta1-fondo-gr.jpg" alt="" />
		<!-- div class="gradient">&nbsp;</div //-->
	</div>

	<div class="header"> 
		<h2 id="logo_claim"><a class="logo" name="top" title="volver a la página de inicio" href="index.html"><span class="hidden">Qporama - ofertas chollos coupones</span></a> <span class="claim">En Qporama, tu dinero vale mucho más.</span></h2>
	</div>

	<div class="page">

		<div class="user">
			<div class="profile">
				<p>¿Ya estás registrado?<br /><a href="#">Inicia Sesión</a></p>
			</div> <!-- cerrar profile //-->
			<div class="mensajes">
				<h2 class="titulo-principal">Crea tu cuenta usando tu e-mail</h2>
				<p class="soft">Rellena todos los campos, por favor.</p>
			</div> <!-- cerrar mensajes //-->
		</div> <!-- cerrar user //-->

	<!-- columna de contenido principal //-->
		<div class="c-960">

			<!-- columna de contenido login //-->
			<div class="caja c960 f1f1f1">
				<div class="content datainput">

					<div class="promos laterales">
						<div class="nospam">
						<p class="arroba"><img src="css/css_images/arroba.png" alt="" width="69" height="78" /></p>
						<p class="nospamtxt">No compartiremos tus datos ni los utilizaremos para enviarte <em>SPAM</em>, sino únicamente para enviarte las mejores ofertas.</p>
						</div> <!-- cerrar nospam //-->
					</div> <!-- cerrar promos laterales //-->

					<div class="formulario ancho">
						<form class="form-tooltip form-validator f620" action="verify.php" method="post">

							<p><label for="name">Nombre</label></p>
							<p class="fondo-input"><input type="text" id="name" name="name" required="required" rel="tooltip" title="Introduce tu nombre" /></p>
							<p><label for="surname">Apellidos</label></p>
							<p class="fondo-input"><input type="text" name="surname" id="surname" required="required"  rel="tooltip" title="Introduce tus apellidos" /></p>
							<p><label for="email">E-mail</label></p>
							<p class="fondo-input"><input type="email" name="email" id="email" rel="tooltip" required="required" maxlength="30" title="Intruduce un e-mail correcto." /></p>
							<p><label for="password">Contraseña</label></p>
							<p class="fondo-input"><input type="password" name="password" rel="tooltip" required="required" title="Escribe una contraseña de más de 6 carácteres" /></p>
							<p><label for="password-2">Repetir contraseña</label></p>
							<p class="fondo-input"><input type="password" name="password-2" id="password-2" data-equals="password" rel="tooltip" required="required" title="Vuelve a introducir la contraseña" /></p>
							 
							<div id="capcha"> 
									<p>Haz clic en el icono <span class="captcha">dollar</span></p>
<div><span>premium <input type="radio" name="s3capcha" id="s3capcha_0" value="525576931" rel="tooltip" required="required" title="ECO" /></span><div style="background: url(images/icons/premium.gif) bottom left no-repeat; width:54px; height:61px; cursor:pointer; display:none;" class="img"></div></div>
<div><span>vip <input type="radio" name="s3capcha" id="s3capcha_1" value="300158904" rel="tooltip" required="required" title="ECO" /></span><div style="background: url(images/icons/vip.gif) bottom left no-repeat; width:54px; height:61px; cursor:pointer; display:none;" class="img"></div></div>
<div><span>qpr <input type="radio" name="s3capcha" id="s3capcha_2" value="1003099941" rel="tooltip" required="required" title="ECO" /></span><div style="background: url(images/icons/qpr.gif) bottom left no-repeat; width:54px; height:61px; cursor:pointer; display:none;" class="img"></div></div>
<div><span>dollar <input type="radio" name="s3capcha" id="s3capcha_3" value="866545526" rel="tooltip" required="required" title="ECO" /></span><div style="background: url(images/icons/dollar.gif) bottom left no-repeat; width:54px; height:61px; cursor:pointer; display:none;" class="img"></div></div>
<div><span>member <input type="radio" name="s3capcha" id="s3capcha_4" value="737535387" rel="tooltip" required="required" title="ECO" /></span><div style="background: url(images/icons/member.gif) bottom left no-repeat; width:54px; height:61px; cursor:pointer; display:none;" class="img"></div></div>
 
							</div>
		
							<p id="terms" class="check"><label><input type="checkbox" rel="tooltip" title="Quiero recibir e-mails" offset="100"/> Quiero recibir e-mails</label></p>
							<p id="terms" class="check"><label><input type="checkbox" required="required" title="condiciones" rel="tooltip" /> He leído y acepto las <a href="#" title="condiciones" >condiciones</a></label></p>
							
							<p class="boton primario grande" style="display: block; float: left; width: 162px; margin: 20px 20px 20px 0;">
								<a href="#" tabindex="3"><span>crear mi cuenta</span></a>
							</p>
							<p style="display: block; float: left; width: auto; height: 42px; line-height: 42px; margin: 20px;"><a href="#" title="cancelar">cancelar</a></p>
						</form>
				</div> <!-- cerrar div formulario grande //-->
				<div class="clear">&nbsp;</div>
				</div> <!-- cerrar content //-->
				<div class="cierre"></div>
		</div> <!-- cerrar caja c960 f1f1f1 //-->

		</div> <!-- cerrar columna de 960px de ancho //-->
	</div><!-- cerrar page //-->

	<!--div id="error_capcha" class="error" style="display: none; position: absolute; top: 570.5px; left: 445.5px;"><p>Por favor selecciona una imagen</p><div class="cierre"></div></div //-->

</body>
</html>